<template>
  <div class="container" >
    <div class="premium-detail">
        <ul class="list-content">
            <li class="list-item">
                <div class="content">
                    <div class="title">
                        <div class="name">张三</div>
                        <div class="state">在保</div>
                    </div>
                    <div>入保：2018/04/01</div>
                    <div>起：2018/04/01 </div>
                    <div>止：2018/04/01 </div>
                </div>
                <div class="num">200</div>
            </li>
        </ul>
    </div>
  </div>
</template>

<script>
import card from '@/components/card'
export default {
    data () {
        return {
            motto: 'Hello World',
            userInfo: {}
        }
    },

    components: {
        card
    },

    methods: {
        bindViewTap () {
            const url = '../logs/index'
            wx.navigateTo({ url })
        }
    },

    mounted () {
        console.log(this.$root.$mp)
    }
}
</script>

<style lang='stylus' scoped>
.premium-detail
    width 750rpx
    .list-content
        padding 0 22rpx
        .list-item
            margin-top 15rpx
            background #fff
            border-radius 6rpx
            display flex
            height 158rpx
            color #666666
            font-size 24rpx
            .content
                flex 1
                display flex
                flex-wrap wrap
                padding-top 19rpx
                div
                    width 50%
                    height 65rpx
                    line-height 65rpx
                    text-align center
                    &.title
                        display flex
            .num
                width 150rpx
                align-items center
                color #ff0000
                font-size 42rpx
                border-left 1px solid #e4e3e3
                text-align center
                line-height 158rpx
</style>
